<template>
  <h3>组合api-生命周期</h3>
</template>

<script>
// onMounted是生命周期，它就是一个函数可以直接执行的
// 所有的生命周期都要从vue里面进行结构
import { onMounted, onBeforeUnmount } from "vue";
export default {
  setup() {
    // console.log("created")
    // beforeCreate / created 不存在了
    // 可以直接写在setup里面，就可以表示创建阶段

    // 同一个生命周期可以写多个
    // 比如说我现在有三个功能，每一个功能可能都有自己的挂载完的时候要做的事情
    // 调用多次就可以分开写在不同的功能里面
    onMounted(() => {
      console.log("onMounted");
    });
    onMounted(() => {
      console.log("onMounted2");
    });
    onBeforeUnmount(() => {
      console.log("onBeforeUnmount");
    });
  },

  // mounted() {
  //   console.log("mounted");
  // },
};
</script>
